<template>
    <div class="statistics">
        <div class="btns">
            <!-- 中国地图 -->
            <el-button type="primary" @click="nowTag">现有确诊</el-button>
            <el-button type="success" @click="allTag">累计确诊</el-button>
            <ChianMap :tag_1="tag"></ChianMap>

            <!-- 世界地图 -->
            <WorldMap :flag_1="flag"></WorldMap>
        </div>
    </div>
</template>

<script>
import ChianMap from '@/components/ChianMap'
import WorldMap from '@/components/WorldMap'
export default {
    data() {
        return {
            tag: 0,
            flag: 0
            // world
        }
    },
    // 局部注册组件
    components:{
        ChianMap,
        WorldMap
    },

    methods: {
        // 现有
        nowTag() {
            this.tag = 0
        },
        // 累计
        allTag() {
            this.tag = 1
        }
    },
    mounted() {
    }
}
</script>

<style scoped>
      
    .statistics >>> .el-tabs__active-bar {
        height: 0;
    }
    .statistics >>> .el-tabs__nav-wrap::after {
        height: 0;
    }
</style>